<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>退货退款</title>
    <link rel="stylesheet" type="text/css" href="../../../common/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../../common/css/common.css">
    <link rel="stylesheet" type="text/css" href="./css/ref_two.css">
</head>
<body>
    <header>
        <a class="goBack" href="javascript:;" class="left"></a>
        <div class="left head">退货退款</div>
        <span class="left"></span>
    </header>
    <div style="height:.56rem"></div>
    <section>
        <aside>
            <div class="clear">
                <img class="productUrl" src="" alt="">
                <div class="goods_info left">
                    <p class="productName"></p>
                    <span class="color productSpecification"></span>
                    <br>
                    <!--<span class="size">尺码：L</span>-->
                    <span class="grice left price"></span>
                    <i class="right num"></i>
                </div> 
            </div>
            <ul>
                <li class="clear">
                    <span class="left">商家：</span>
                    <span class="right supplyName"></span>
                </li>
                <li class="clear">
                    <span class="left">运费：</span>
                    <span class="right shippingFee"></span>
                </li>
                <li class="clear">
                    <span class="left">订单总额：</span>
                    <span class="right orderAmount"></span>
                </li>
                <li class="clear">
                    <span class="left">订单编号：</span>
                    <span class="right productCode"></span>
                </li>
            </ul>
        </aside>
        <div class="ref_reason clear">
            <span class="left">服务类型：</span>
            <span class="right type"></span>
        </div>
        <div class="progress clear">
            <img class="refund_progress" src="img/dian3.png" alt="">
            <ul>
                <li class="top redcolor">买家申请退款<span class="refund_time refund_"></span></li>
                <li class="mid redcolor">商家处理退款申请<span class="refund_time refund_ing"></span></li>
                <li><i class="ref_shibai">退款完成</i><span class="refund_time refund_ed"></span></li>
            </ul>
        </div>
        <div class="reason clear">
            <span>退款原因：<i class="refundReason"></i></span>            
        </div>
        <div class="ref_num clear">
            <span>退款金额：￥<i class="refundAmount"></i></span>            
        </div>
        <div class="ref_number clear tab">
            <span>退款数量：<i></i></span>            
        </div>
        <div class="ref_exp clear">
            <span class="left">退款说明：</span>
            <p class="left refundExplain"></p>
        </div>
        <div class="ref_img tab">
            <p>上传凭证：</p>
            <ul>
            </ul>
        </div>
        <div class="ref_talk clear tab">
            <span class="left">卖家留言：</span>
            <p class="left"></p>
        </div>
        <div class="ref_ing ref_ tab">
            <h3>商家处理退款申请中</h3>
            <p>如果在7天内商家没有作出同意退款申请或者拒绝退款申请的答复，退款申请将会自动达成协议。</p>
        </div>
        <div class="ref_success ref_ tab">
            <h3>商家已同意您的退款申请，请注意查收</h3>
        </div>
        <div class="ref_fail ref_ tab">
            <h3>商家已经拒绝您的退款申请</h3>
            <p>您可以与商家友好协商后<span>再次发起退款申请</span>，如果最终无法达成一致，您可以<span>发起交易投诉</span>。</p>
            <div class="btn clear">
                <input type="button" class="left refundBtn" value="退款申请">
                <input type="button" class="right complaint_ing" value="交易投诉">
            </div>
        </div>
        <!--商家确认退款的退款退货-->
        <div class="ref_ingg ref_ifGet tab">
            <h3>商家确认收货后，将尽快安排退款</h3>
            <p>注意：买家必须要在15天之内完成退货操作，否则退款将自动关闭。</p>
        </div>
        <div class="ref_business ref_suc tab clear">
            <span>商家：<i class="consignee_"></i></span>            
        </div>
        <div class="ref_tel ref_suc tab clear">
            <span>联系电话：<i class="phone_"></i></span>            
        </div>
        <div class="ref_url ref_suc tab clear">
            <span>退款地址：<i class="address_"></i></span>            
        </div>
        <div class="ref_com ref_suc tab clear">
            <span class="left">物流公司：</span>
            <input class="wlgs" type="text" class="left" placeholder="请输入物流公司">
        </div>
        <div class="ref_code ref_suc tab clear">
            <span class="left">货运单号：</span>
            <input class="yhdh" type="text" class="left" placeholder="请输入货运单号">
        </div>
        <div class="ref_msg ref_suc tab clear">
            <span class="left">留言：</span>
            <textarea class="ly" maxlength="200" placeholder="不能超过200字"></textarea>
        </div>
        <input type="button" class="ref_suc ref_submit tab" value="确认提交">

    </section>
    <!--<footer class="d_footer">
        <div class="foo_infor">
            <p>Hi,<span class="foo_infor_name"></span>&nbsp;&nbsp;<span class="foo_infor_exit">退出</span></p>
            <img class="foo_infor_up" src="../../../common/img/up.png" alt="">
        </div>
        <div class="foo_coo">
            <span>CopyRight©2017 深圳火匣网络科技有限公司</span>
        </div>
    </footer>-->
    <input class="consigneeId" style="display: none;" type="text">
    <input class="confirmStatus" style="display: none;" type="text">
    <input class="complaintData" style="display: none;" type="text">
    <input class="complaintId" style="display: none;" type="text">
    <script src="../../../common/js/jquery.js"></script>
    <script src="../../../common/js/common.js"></script>
    <script src="../../../common/js/json2.js"></script>
    <script src="../../../common/js/post.js"></script>
    <script src="../../../common/js/rem.js"></script>   
    <script src="./js/refunding.js"></script>   
<script src="../../../common/js/clearcache.js"></script>
</body>
</html>